var html = "<table style='width:100%;height:100%;' border='1'>";
html += "<tr ><th style='width:100px'></th><th>启动</th><th>规划</th><th>执行</th><th>监控</th><th>收尾</th></tr>";
html += "<tr><th>整合</th><td>4.1 制定项目章程</td><td>4.2 制定项目管理计划</td><td>4.3 指导与管理项目执行</td><td>4.4 监控项目工作<br>4.5 实施整体变更控制</td><td>4.6 结束项目或阶段</td></tr>";
html += "<tr><th>范围</th><td>启动</td><td>规划</td><td>执行</td><td>监控</td><td>收尾</td></tr>";
html += "<tr><th>时间</th><td>启动</td><td>规划</td><td>执行</td><td>监控</td><td>收尾</td></tr>";
html += "<tr><th>成本</th><td>启动</td><td>规划</td><td>执行</td><td>监控</td><td>收尾</td></tr>";
html += "<tr><th>质量</th><td>启动</td><td>规划</td><td>执行</td><td>监控</td><td>收尾</td></tr>";
html += "<tr><th>人力资源</th><td>启动</td><td>规划</td><td>执行</td><td>监控</td><td>收尾</td></tr>";
html += "<tr><th>沟通</th><td>启动</td><td>规划</td><td>执行</td><td>监控</td><td>收尾</td></tr>";
html += "<tr><th>风险</th><td>启动</td><td>规划</td><td>执行</td><td>监控</td><td>收尾</td></tr>";
html += "<tr><th>采购</th><td>启动</td><td>规划</td><td>执行</td><td>监控</td><td>收尾</td></tr>";
html += "<tr><th>干系人</th><td>启动</td><td>规划</td><td>执行</td><td>监控</td><td>收尾</td></tr>";
html += "</table>";

var centerTabPanel = Ext.create('Ext.tab.Panel', //或者用xtype: 'tabpanel'
	{
		//title : "center1 (可删除)",
		region : "center",
		
	split:true,
		//xtype: 'tabpanel', // TabPanel itself has no title
		items: [
			{
	            title: '欢迎页',
	            html: html
        	}
		]
		/*,listeners: {
 		        contextmenu: {
 		            element: 'el', 
 		            fn: onContextMenu
				}
 		}*/
	}
);
 
function onContextMenu(evt, currentItem, e, f, g,h,i,j){

		var menu = Ext.create("Ext.menu.Menu",{
			items:[
				{
					text:"关闭当前页", 
					handler:function(){
						centerTabPanel.remove(currentItem);
					}
				},
				{
					text:"关闭其他页", 
					handler:function(){
					
					}
				},
				{
					text:"关闭所有页", 
					handler:function(){
					
					}
				}
			]
		});
		menu.showBy(currentItem);
		evt.stopEvent();
}

centerTabPanel.on('contextmenu', onContextMenu, this);
